<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@include file="theme/Header.jsp" %>
<script type="text/javascript">
    $().ready(function() {
        $('#save').click(function(){
            submit();
        });

        $("#frm_rec001").validate({

            rules: {
                documentNo: "required",
                documentDate: "required",
                rStartDate: "required",
                rEndDate: "required"

            },
            messages: {
                documentNo: " กรุณากรอกเลขที่หนังสือ",
                documentDate: " กรุณาเลือกวันที่หนังสือ",
                rStartDate: " กรุณาเลือกวันที่เริ่มเรียกเก็บ",
                rEndDate: " กรุณาเลือกวันที่สิ้นสุดการเรียกเก็บ"
            },
            errorPlacement: function(error, element) {
                    error.insertAfter(element);
            },
            debug:false
        });

    });

    function submit() {
        $('#frm_rec001').submit();
    }
</script>
<div id="site-root">
    <div>
        <a href="REC001Manage">[REC001- จัดการข้อมูลเลขที่หนังสือทวงหนี้รถพลการตำรวจ]</a> [เพิ่มข้อมูล]
    </div>
</div>

<div id="button-bar">
    <fieldset>
        <div class="buttons">
            <button class="positive" id="save">
                <img  src="theme/images/icons/save.gif" alt="" width="16" height="16"/>บันทึกข้อมูล
            </button>
        </div>
    </fieldset>
</div>


<div id="source-data">
    <fieldset style="background: #FFF">
        <legend>รายละเอียดการบันทึกข้อมูล</legend>
        <div id="message">${message}</div>
        <form action="REC001Add" id="frm_rec001" method="post">
            <table width="100%" cellpadding="1">
                <tr>
                    <td width="150px" align="right">ที่ : </td>
                    <td width="350px"><input type="text" id="documentNo" name="documentNo" class="require" /></td>
                    <td width="150px" align="right">&nbsp;</td>
                    <td>&nbsp;</td>
                </tr>

                <tr>
                    <td align="right">ลงวันที่ : </td>
                    <td>
                        <input type="text" name="documentDate" id="documentDate" readonly="" class="require" value="${now}"/>
                        <a href="#"><img src="theme/images/icons/calendar_icon.gif"
                                         border="0" width="18" height="18"
                                         onclick="return showCalendar('documentDate', '%d/%m/%Y');"/></a>
                    </td>
                    <td align="right">&nbsp;</td>
                    <td>&nbsp;</td>
                </tr>

                <tr>
                    <td align="right">วันที่เรียกเก็บ : </td>
                    <td>
                        <input type="text" name="rStartDate" id="rStartDate" readonly="" class="require" value="${now}"/>
                        <a href="#"><img src="theme/images/icons/calendar_icon.gif"
                                         border="0" width="18" height="18"
                                         onclick="return showCalendar('rStartDate', '%d/%m/%Y');"/></a>
                    </td>
                    <td align="right">ถึงวันที่ : </td>
                    <td>
                        <input type="text" name="rEndDate" id="rEndDate" readonly="" class="require" value="${now}"/>
                        <a href="#"><img src="theme/images/icons/calendar_icon.gif"
                                         border="0" width="18" height="18"
                                         onclick="return showCalendar('rEndDate', '%d/%m/%Y');"/></a>
                    </td>
                </tr>


            </table>
        </form>
    </fieldset>
</div>
<%@include file="theme/Footer.jsp" %>

